<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
     <style>       
            .row1{ 
                background: #dcdcdc;
 
    </style>
    <h:body>
        <ui:composition template="./plantilla/plantilla.xhtml">                        
        <ui:define name="center">
            <h:form id="form">
                <table>
                    <tr>
                        <p:panelGrid style="width: 100%">
                        <p:row>  
                            <p:column  colspan="6" style="color:#61B8CD">
                                <h:outputLabel class="Titulo"
                                                value="Grupo" />  
                            </p:column>                            
                        </p:row>                          
                        <p:row>  
                            <p:column colspan="6" >  
                                <p:growl id="grwGrupo" showDetail="true"  />
                                <p:spacer height="10"></p:spacer>  
                            </p:column>  
                        </p:row>  
                        <p:row>  
                            <p:column>
                                <h:outputLabel value="Nombre" />
                            </p:column>  
                            <p:column>
                                <h:outputLabel value=":" />                                
                            </p:column>                              
                            <p:column>
                                <p:inputText id="txtNombre" required="false" 
                                    label="Nombre"
                                    />
                            </p:column>  
                            <p:column>
                                <h:outputLabel value="Estado" />
                            </p:column>  
                            <p:column>
                                <h:outputLabel value=":" />                                
                            </p:column>                              
                            <p:column>
                                <p:inputText id="txtEstado" required="false" 
                                    label="Estado"
                                    />
                            </p:column>                                  
                        </p:row>  
                        <p:row> 
                            <p:column colspan="5" >  
                            </p:column>
                            <p:column colspan="1" >  
                                <p:commandButton id="btnCrearGrupo" value="Registrar" 
                                    update=":form" 
                                    onclick="vdlgCrearGrupo.show()"
                                    style="background: #043f52; color: white"
                                ajax="true"
                                />                                                                             
                            <p:commandButton id="btnConsGrupo" 
                                        value="Consultar"
                                        ajax="true"                         
                                style="background: #043f52; color: white">
                            </p:commandButton>                                                                                                     
                            </p:column>  
                        </p:row>                          
                        <p:row>  
                            <p:column colspan="6" >  
                                <p:spacer height="10"></p:spacer>  
                            </p:column>  
                        </p:row>  
                    </p:panelGrid>
                    </tr>
                </table>  
                <p:dataTable id="dtbGrupo" var="grupo" value="#{grupoController.listaGrupo}"
                            paginator="true" rows="10"  rendered="true"
                            paginatorPosition="bottom"
                            style="width: 100%; font-size: 15px;" 
                            rowStyleClass="#{rowIndex mod 2 ne 0 ? 'row1' : 'null'}"
                            rowIndexVar="rowIndex"
                            resizableColumns="true" scrollWidth="true"
                            >  

                    <f:facet name="header" >
                        <h:outputText value="Lista de Grupos" />
                    </f:facet>
                    
                    <p:column  style="width:35px">
                        <f:facet name="header">
                            <h:outputText value="Nombre"  />
                        </f:facet>
                        <h:outputText value="#{grupo.VNombre} " />

                    </p:column>  

                    <p:column  style="width:20%">
                        <f:facet name="header">
                            <h:outputText value="Estado"  />
                        </f:facet>
                        <h:outputText value="#{grupo.VEstado}" style="color:#043f52"/>     
                    </p:column>
                </p:dataTable> 
            </h:form>
            <h:form id="formCrearGrupo">      
               <p:dialog id="dlgCrearGrupo" header="Registro de Grupo" 
                          widgetVar="vdlgCrearGrupo" modal="true"
                          resizable="false" 
                          style="position:absolute; top:15% ; left:20%;" 
                          width="450" showEffect="clip" hideEffect="fold" >                      
                    <p:selectOneRadio id="srdTipoCreacion" value="#{grupoController.tipoCreacion}"
                                      required="true" valueChangeListener="#{grupoController.updateControl()}">  
                        <f:selectItem itemValue="1" itemLabel="Por Nº de Ciclo" />                            
                        <f:selectItem itemValue="2" itemLabel="Por Asignatura" />                            
                        <p:ajax update="pnlCrearGrupo">
                        </p:ajax>
                    </p:selectOneRadio>
                        
                    <h:panelGrid id="pnlCrearGrupo" columns="3" cellpadding="4">
                        
                        <h:outputLabel value="Facultad" styleClass="colum"/>
                        <h:outputLabel value=":"  styleClass="colum"/>
                        <p:selectOneMenu id="smnFacultad" effect="fold"
                            value="#{direccionEscuelaController.NFctId}"
                            valueChangeListener="#{planEstudiosController.updateValor()}"
                            required="true" >
                            <f:selectItem itemLabel="Seleccione" itemValue="0" />    
                            <f:selectItems value="#{facultadController.itemsFacultadSelectOne}"/>
                            <p:ajax update="smnCiclo, smnDirEscuela">
                            </p:ajax>
                        </p:selectOneMenu>
                        
                        <h:outputLabel value="Ciclo"  styleClass="colum"/>
                        <h:outputLabel value=":" />
                        <p:selectOneMenu id="smnCiclo" 
                            value="#{grupoController.NCicId}" effect="fold"
                            disabled="#{direccionEscuelaController.NFctId eq '0' ? true : false}">
                            <f:selectItem itemLabel="Seleccione" itemValue="0" />    
                            <f:selectItems value="#{cicloController.itemsCicloSelectOne}"/>                            
                        </p:selectOneMenu>
                                                
                        <h:outputLabel value="Dir. de Escuela" styleClass="colum"/>
                        <h:outputLabel value=":" styleClass="colum"/>
                        <p:selectOneMenu  id="smnDirEscuela"
                            valueChangeListener="#{asignaturaController.updateValor()}"
                            value="#{planEstudiosController.NDrcEscId}" effect="fold" 
                            disabled="#{direccionEscuelaController.enabled}" >
                            <f:selectItem itemLabel="Seleccione" itemValue="0" />    
                            <f:selectItems value="#{direccionEscuelaController.itemsDirEscuelaSelectOne}"/>                        
                            <p:ajax update="smnPlanEstudios">                                
                            </p:ajax>
                        </p:selectOneMenu>
                        
                        <h:outputLabel value="Plan de Estudios" styleClass="colum"/>
                        <h:outputLabel value=":" styleClass="colum"/>
                        <p:selectOneMenu  value="#{asignaturaController.NPlnCrrId}"
                            id="smnPlanEstudios" effect="fold" required="true" 
                            disabled="#{direccionEscuelaController.NFctId eq '0' ? true : planEstudiosController.enabled}">
                            <f:selectItem itemLabel="Seleccione" itemValue="0" />
                            <f:selectItems value="#{planEstudiosController.itemsPlanCurricularSelectOne}"/>
                            <p:ajax update="smnAsignatura">                                
                            </p:ajax>
                        </p:selectOneMenu>                                                              
                                                
                        <p:outputLabel value="Ciclo Académico" styleClass="colum" 
                            style="display: #{grupoController.visible ? 'none' : 'block' };"/>
                        <h:outputLabel value=":" styleClass="colum"
                            style="display: #{grupoController.visible ? 'none' : 'block' };"/>
                        <p:selectOneMenu  value="#{asignaturaController.cicloxdefecto}" effect="fold" required="true"
                            style="display: #{grupoController.visible ? 'none' : 'block' };">
                            <f:selectItem itemLabel="Seleccione" itemValue="0" />
                            <f:selectItems value="#{asignaturaController.itemsCiclosSelectOne}"/>                        
                        </p:selectOneMenu>
                        
                        <h:outputLabel value="Asignatura" styleClass="colum"
                            style="display: #{grupoController.visible ? 'block' : 'none' };"/>
                        <h:outputLabel value=":" styleClass="colum"
                            style="display: #{grupoController.visible ? 'block' : 'none' };"/>
                        <p:selectOneMenu  id="smnAsignatura" value="#{grupoController.NAsgId}" 
                            disabled="#{planEstudiosController.NDrcEscId eq '0' ? true : asignaturaController.enabled}"
                            effect="fold" required="true" filter="true"
                            style="display: #{grupoController.visible ? 'block' : 'none' };">
                            <f:selectItem itemLabel="Seleccione" itemValue="0" />
                            <f:selectItems value="#{asignaturaController.itemsAsignaturaSelectOne}"/>                            
                        </p:selectOneMenu>
                                                
                        <h:outputLabel value="Tipo de Dictado" styleClass="colum"
                            style="display: #{grupoController.visible ? 'block' : 'none' };"/>
                        <h:outputLabel value=":" styleClass="colum"
                            style="display: #{grupoController.visible ? 'block' : 'none' };"/>
                        <p:selectOneMenu  value="#{grupoController.NTipoDictado}" 
                            id="smnTipoDictado" effect="fold" required="true"
                            style="display: #{grupoController.visible ? 'block' : 'none' };">
                            <f:selectItem itemLabel="Todos" itemValue="0" />
                            <f:selectItems value="#{modalidadDictadoController.itemsModalidadDictadoSelectOne}"/>
                        </p:selectOneMenu>
                        
                        <h:outputLabel value="Nº de Grupos" styleClass="colum"/>
                        <h:outputLabel value=":" styleClass="colum"/>
                        <p:spinner id="spnHora" min="0" max="100"
                                   value="#{grupoController.NCantidad}" /> 
                        
                        <h:outputLabel />
                        <h:outputLabel />
                              
                        <p:commandButton id="btnGrabarGrupoPorCiclo" value="Guardar"    
                            actionListener="#{grupoController.grabarGrupo}"
                            update=":form:dtbGrupo" ajax="true"                         
                            style="background:#043f52;color:white;float:right;"
                            onclick="vdlgCrearGrupo.hide()">                            
                        </p:commandButton>
                                       
                    </h:panelGrid>  
                    
                </p:dialog>
            </h:form>
            
	</ui:define>
        </ui:composition>

    </h:body>
</html>